<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
		<meta http-equiv="Pragma" content="no-cache">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<link rel="stylesheet" type="text/css" href="css/mui.css" />
	<style type="text/css">
		.imgshowlist {
			position: fixed;
			display: none;
			width: 100%;
			top: 0;
			bottom: 0;
			left: 0;
			background: #000000;
			opacity: .4;
			z-index: 10000;
		}
		
		.img_list {
			background: #2AC845;
			overflow: hidden; 
			max-height:30%;
			position: absolute;
		}
		
		.f-20 {
			font-size: 20px;
		}
		
		.f-13 {
			font-size: 13px;
		}
		
		.back_fff {
			background-color: #fff;
		}
		
		.f-color-ddd {
			color: #CDCDCD;
		}
		
		.center {
			text-align: center;
		}
	</style>

	<body class="back_fff">
		<div class="center">
			<button id="btn_img" class="mui-btn mui-btn-danger center">相册选择图片</button>
		</div>
		<!--显示图片-->   
		<div class="img_list" id="imgList">
			<div id="titleInfo" style="height: 0;"></div>
		</div>
		<!--浮层图片，大图片-->
		<div class="imgshowlist" id="img_shows">
		</div>
		<div id="slider" class="mui-slider img_slider">
			<div class='mui-slider-item'>
				<a href='#'>
					<img id="bigImg" onload='img_load2(this)'>
				</a>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/mui.min.js"></script>
	<script type="text/javascript" src="js/canvasResize.js"></script>
	<script type="text/javascript" src="js/binaryajax.js"></script>
	<script type="text/javascript" src="js/exif.js"></script>
	<script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>

</html>